<template>
  <div class="content-box">
    <div class="scroll-view-box">
      <div class="data-box-left">
        <div class="user-title-box">项目信息</div>
        <el-descriptions class="margin-bottom" :column="3" border>
          <el-descriptions-item label="项目名称" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="项目编号" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="项目品牌" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="项目类型" >
            kooriookami
          </el-descriptions-item>
        </el-descriptions>
        <div class="user-title-box">勘场信息</div>
        <el-descriptions class="margin-bottom" :column="3" border>
          <el-descriptions-item label="设计师" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="勘场工程经理" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="勘场状态" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="申请勘场日期" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="约定勘场日期" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="实际勘场日期" >
            kooriookami
          </el-descriptions-item>
          <el-descriptions-item label="现场图片" >
            <div class="file-box-img-box flex ac">
              <div class="file-box-img">
                <img class="img" />
              </div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="现场视频" >
            <div class="file-box-img-box flex ac">
              <div class="file-box-img">
                <img class="img" />
              </div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="勘场报告" >
            <div class="file-box-img-box flex ac">
              <div class="file-box-img">
                <img class="img" />
              </div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="手绘图" >
            <div class="file-box-img-box flex ac">
              <div class="file-box-img">
                <img class="img" />
              </div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="勘场资料" >
            <div class="file-box-img-box flex ac">
              <div class="file-box-img">
                <img class="img" />
              </div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="勘场出图时间" >
            kooriookami
          </el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
    };
  },
  computed: {

  },
  mounted() { },
  methods: {

  },
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
@import '@/styles/detail.scss';
</style>
<style lang="scss">
.labelClassName {
  width: 160px;
  background: #f5f8fe !important;
  text-align: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.contentClassName {
  font-weight: 400 !important;
  font-size: 17px !important;
  color: #1b2431 !important;
  padding-left: 20px !important;
}

.labelClassName2 {
  width: 160px;
  background: rgba(0, 0, 0, 0) !important;
  text-align: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  border: none !important;
}

.contentClassName2 {
  font-weight: 400 !important;
  font-size: 17px !important;
  color: #1b2431 !important;
  padding-left: 20px !important;
  border: none !important;
}
</style>